{% extends "base.html" %}

{% block menu %}
 <div class="row" style="background-image: ../Archivos/img/stripes.png">
    <div class="span12">
    <table><tbody><tr>
  	  <td><img style="width: 302px;max-width:none" alt="Logo" src="../Archivos/Logo.png" /></td>
      <td><h1 style="font-size: 90px;">TiBus</h1><h4>Sistema de predicción de tiempos de arribos</h4></td>
      </tr></tbody></table>      
    </div>
  </div>
 <div class="navbar navbar-inverse">
  <div class="navbar-inner">
<ul class="nav">
   <li><a href='index'><span>Inicio</span></a></li>
   {% if user.is_active %}
    <li class="dropdown">
	<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Administración<b class="caret"></b></a>
	
	<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                        <li><a tabindex="-1" href="linea">Línea</a></li>
                        <li><a tabindex="-1" href="unidad">Unidad</a></li>
                        {% if user.is_superuser %}
                        <li><a tabindex="-1" href="empresa">Empresas</a></li>
                        <li><a tabindex="-1" href="usuario">Usuarios</a></li>
                        {% endif %}                       
                      </ul></li>
   {% endif %} 
    <li class="dropdown">
	<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Predicción<b class="caret"></b></a>
	<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                        <li><a tabindex="-1" href="prediccion">Arribo</a></li>
                        <li><a tabindex="-1" href="viaje">Viaje</a></li>
   </ul></li>                  
   <li><a href='recorridos'><span>Recorridos</span></a></li>
   <li><a href='contacto'><span>Contacto</span></a></li>
</ul>
</div>
</div>
{% endblock %}